<!DOCTYPE html>
<html>
<head>
    <title>模板</title>
    <!--<link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/layui/css/layui.css">-->
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/adminlte.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/all.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/OverlayScrollbars.min.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/layer/layer.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap.min.js"></script>
    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="${request.contextPath}/statics/js/common.js"></script>
    <script src="../../statics/plugins/layui2.5.6/layui.js"></script>
    <style>
        .right{

        }
        .left{

        }
    </style>
</head>
<body>
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-info">
                    <div class="inner" style="text-align: center;">
                        <h3>南区-男厕</h3>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">客流：<span id="rllmans">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">在用：<span id="manuses">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">未用：<span id="manunuses">-</span></h4>
                        <h4 style="display: inline-block;width: 100%;height: 2%"></h4>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">温度：<span id="tempmans">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">湿度：<span id="hummans">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">臭味浓度：<span id="smellmans">-</span></h4>
                    </div>
                    <div class="icon">
                        <i class="ion ion-man"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-success">
                    <div class="inner" style="text-align: center;">
                        <h3>南区-女厕</h3>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">客流：<span id="rllwomans">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">在用：<span id="womanuses">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">未用：<span id="womanunuses">-</span></h4>
                        <h4 style="display: inline-block;width: 100%;height: 2%"></h4>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">温度：<span id="tempwomans">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">湿度：<span id="humwomans">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">臭味浓度：<span id="smellwomans">-</span></h4>
                    </div>
                    <div class="icon">
                        <i class="ion ion-woman"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-warning">
                    <div class="inner" style="text-align: center;color: white;">
                        <h3>北区-男厕</h3>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">客流量：<span id="rllmann">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">在用：<span id="manusen">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">未用：<span id="manunusen">-</span></h4>
                        <h4 style="display: inline-block;width: 100%;height: 2%"></h4>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">温度：<span id="tempmann">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">湿度：<span id="hummann">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">臭味浓度：<span id="smellmann">-</span></h4>
                    </div>
                    <div class="icon">
                        <i class="ion ion-man"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-danger">
                    <div class="inner" style="text-align: center;">
                        <h3>北区-女厕</h3>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">客流量：<span id="rllwomann">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">在用：<span id="womanusen">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">未用：<span id="womanunusen">-</span></h4>
                        <h4 style="display: inline-block;width: 100%;height: 2%"></h4>
                        <h4 style="display: inline-block;width: 32%;border-right: 1px solid white;">温度：<span id="tempwomann">-</span></h4>
                        <h4 style="display: inline-block;width: 33%;border-right: 1px solid white;">湿度：<span id="humwomann">-</span></h4>
                        <h4 style="display: inline-block;width: 32%;">臭味浓度：<span id="smellwomann">-</span></h4>
                    </div>
                    <div class="icon">
                        <i class="ion ion-woman"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
        <!-- /.row -->
        <!-- /.row -->
        <div class="row" style="height: 600px;margin-top: 5px;">
            <div class="col-md-6" style="height: 100%;">
                <div class="card" style="height: 100%;">
                    <div class="card-header">
                        <h4 class="card-title">南区厕所</h4>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body"style="height: 100%;padding: 0;">
                        <div class="row" style="height: 100%;">
                            <div class="col-md-12" style="height: 100%;">
                                <div style="height: 100%;position: relative">
                                    <img src="../../statics/css/img/wc_bg.png" style="width: 100%;height: 100%">
                                    <div style="width: 5%;height: 70%;position: absolute;left: 1%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s43" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s42" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s41" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s40" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s3F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s3E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s3D" style="height: 10%;width: 100%">

                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 16.3%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s3C" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s3B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s3A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s39" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s38" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s37" style="height: 10%;width: 100%">

                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 16.3%;top:56.4%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s36" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s35" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s34" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s33" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s32" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s31" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 63.5%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s0C" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s0B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s0A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s09" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s08" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s07" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 63.5%;top:56.3%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s06" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s05" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s04" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s03" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s02" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s01" style="height: 10%;width: 100%">
                                    </div>

                                    <div style="width: 5%;height: 70%;position: absolute;left: 76.7%;top:0.5%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s0D" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s0E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s0F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s10" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s11" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s12" style="height: 10%;width: 100%">

                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 76.7%;top:53.5%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s13" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s14" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s15" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s16" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s17" style="height: 10%;width: 100%">
                                    </div>

                                    <div style="width: 5%;height: 70%;position: absolute;left: 81.9%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s22" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s21" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s20" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s1F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s1E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s1D" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 81.9%;top:53.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s1C" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s1B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s1A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s19" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="s18" style="height: 10%;width: 100%">
                                    </div>

                                    <div style="width: 5%;height: 70%;position: absolute;left: 94%;top:0.5%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s23" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s24" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s25" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s26" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s27" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s28" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s29" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s2A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s2B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s2C" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 94%;top:70.2%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s2D" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s2E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s2F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="s30" style="height: 10%;width: 100%">
                                    </div>

                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>
                    </div>
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
            <div class="col-md-6" style="height: 100%;">
                <div class="card" style="height: 100%;">
                    <div class="card-header">
                        <h4 class="card-title">北区厕所</h4>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body"style="height: 100%;padding: 0;">
                        <div class="row" style="height: 100%;">
                            <div class="col-md-12" style="height: 100%;">
                                <div style="height: 100%;position: relative">
                                    <img src="../../statics/css/img/wc_bg.png" style="width: 100%;height: 100%">
                                    <div style="width: 5%;height: 70%;position: absolute;left: 1%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n43" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n42" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n41" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n40" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n3F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n3E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n3D" style="height: 10%;width: 100%">

                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 16.3%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n3C" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n3B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n3A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n39" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n38" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n37" style="height: 10%;width: 100%">

                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 16.3%;top:56.4%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n36" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n35" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n34" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n33" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n32" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n31" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 63.5%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n0C" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n0B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n0A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n09" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n08" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n07" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 63.5%;top:56.3%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n06" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n05" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n04" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n03" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n02" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n01" style="height: 10%;width: 100%">
                                    </div>

                                    <div style="width: 5%;height: 70%;position: absolute;left: 76.7%;top:0.5%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n0D" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n0E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n0F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n10" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n11" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n12" style="height: 10%;width: 100%">

                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 76.7%;top:53.5%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n13" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n14" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n15" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n16" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n17" style="height: 10%;width: 100%">
                                    </div>

                                    <div style="width: 5%;height: 70%;position: absolute;left: 81.9%;top:0.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n22" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n21" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n20" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n1F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n1E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n1D" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 81.9%;top:53.5%" >
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n1C" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n1B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n1A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n19" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/right_green.png" class="right" id="n18" style="height: 10%;width: 100%">
                                    </div>

                                    <div style="width: 5%;height: 70%;position: absolute;left: 94%;top:0.5%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n23" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n24" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n25" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n26" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n27" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n28" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n29" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n2A" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n2B" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n2C" style="height: 10%;width: 100%">
                                    </div>
                                    <div style="width: 5%;height: 70%;position: absolute;left: 94%;top:70.2%" >
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n2D" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n2E" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n2F" style="height: 10%;width: 100%">
                                        <img src="../../statics/css/img/left_green.png" class="left" id="n30" style="height: 10%;width: 100%">
                                    </div>
                                </div>
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>

                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->

    </div>
</section>

</body>
<script>
    $(function(){
        index5();
    });
    var index010secInterval;
    var inter1;
    function index5(){
        getToiletSeat();
        getToiletStatus();
        //checkEmptycw();
        clearInterval(index010secInterval);
        clearInterval(inter1);
        index010secInterval = setInterval(getToiletSeat,120000);
        inter1 = setInterval(getToiletStatus,120000);
    }
    //查询厕所坑位状态
    function getToiletSeat(){
        $.get(baseURL + "gc/statoiletseat/getToiletSeat", function(r){
            $('.right').attr("src","../../statics/css/img/right_green.png")
            $('.left').attr("src","../../statics/css/img/left_green.png")
            var southMaleUsed=0;
            var southFemaleUsed=0;
            var northMaleUsed=0;
            var northFemaleUsed=0;
            var southMale=r.data.southMale;
            var southFemale=r.data.southFemale;
            var northMale=r.data.northMale;
            var northFemale=r.data.northFemale;
            for (var key in southMale){
                //console.log(key+ "----"+southMale[key])
                if(southMale[key]==1){
                    southMaleUsed++;
                    var className = $('#s'+key).className;
                    if(className=='right'){
                        $('#s'+key).attr("src","../../statics/css/img/right_red.png")
                    }else {
                        $('#s'+key).attr("src","../../statics/css/img/left_red.png")
                    }
                }
            }
            for (var key in southFemale){
                //console.log(key+ "----"+southFemale[key])
                if(southFemale[key]==1){
                    southFemaleUsed++;
                    var className = $('#s'+key).className;
                    if(className=='right'){
                        $('#s'+key).attr("src","../../statics/css/img/right_red.png")
                    }else {
                        $('#s'+key).attr("src","../../statics/css/img/left_red.png")
                    }
                }
            }
            for (var key in northMale){
                console.log(key+ "----"+northMale[key])
                if(northMale[key]==1){
                    northMaleUsed++;
                    var className = $('#n'+key).className;
                    if(className=='right'){
                        $('#n'+key).attr("src","../../statics/css/img/right_red.png")
                    }else {
                        $('#n'+key).attr("src","../../statics/css/img/left_red.png")
                    }
                }
            }
            for (var key in northFemale){
                console.log(key+ "----"+northFemale[key])
                if(northFemale[key]==1){
                    northFemaleUsed++;
                    var className = $('#n'+key).className;
                    if(className=='right'){
                        $('#n'+key).attr("src","../../statics/css/img/right_red.png")
                    }else {
                        $('#n'+key).attr("src","../../statics/css/img/left_red.png")
                    }
                }
            }
            $("#manuses").text(southMaleUsed);
            $("#manunuses").text(19-southMaleUsed);
            $("#womanuses").text(southFemaleUsed);
            $("#womanunuses").text(48-southFemaleUsed);

            $("#manusen").text(northMaleUsed);
            $("#manunusen").text(19-northMaleUsed);
            $("#womanusen").text(northFemaleUsed);
            $("#womanunusen").text(48-northFemaleUsed);
        });
    }

    function getToiletStatus(){
        $.get(baseURL + "gc/statoiletstatus/getToiletStatus", function(r){
            //南区男厕001
            //南区女厕002
            //北区男厕003
            //北区女厕004
            for (var key in r.data){
                if(key=="001"){
                    $("#rllmans").text(r.data[key].visitors+"人/次");
                    $("#tempmans").text(r.data[key].temperature+"℃");
                    $("#hummans").text(r.data[key].humidity+"%");
                    $("#smellmans").text(r.data[key].odorconcentration+"ppm");
                }else if(key=="002"){
                    $("#rllwomans").text(r.data[key].visitors+"人/次");
                    $("#tempwomans").text(r.data[key].temperature+"℃");
                    $("#humwomans").text(r.data[key].humidity+"%");
                    $("#smellwomans").text(r.data[key].odorconcentration+"ppm");
                }else if(key=="003"){
                    $("#rllmann").text(r.data[key].visitors+"人/次");
                    $("#tempmann").text(r.data[key].temperature+"℃");
                    $("#hummann").text(r.data[key].humidity+"%");
                    $("#smellmann").text(r.data[key].odorconcentration+"ppm");
                }else if(key=="004"){
                    $("#rllwomann").text(r.data[key].visitors+"人/次");
                    $("#tempwomann").text(r.data[key].temperature+"℃");
                    $("#humwomann").text(r.data[key].humidity+"%");
                    $("#smellwomann").text(r.data[key].odorconcentration+"ppm");
                }
            }
        })
    }

</script>
</html>
<script src="${request.contextPath}/statics/plugins/adminLTE/js/adminlte.min.js"></script>